<app-header title="充值记录"></app-header>

<ion-content>
  <div class="deal_list w96">
    <ul>
      <li *ngFor="let item of list" class="pool_bg">
        <div class="d-left">
          <h3>{{item.price}}</h3>
          <p *ngIf="item.status == 0">
            <img src="assets/time.png" alt="">  
            <span>待审核</span>
          </p>
          <p *ngIf="item.status == 1">
            <img src="assets/yes.png" alt="">  
            <span>已充值</span>
          </p>
          <p *ngIf="item.status == 2">
            <img src="assets/err.png" alt="">  
            <span>拒绝</span>
          </p>
          <p *ngIf="item.status == 3">
            <img src="assets/time.png" alt="">  
            <span>待复核</span>
          </p>
        </div>
        <div class="d-right">
          <p>{{item.createTime.slice(0,16)}}</p>
          <span *ngIf="item.status == 2">原因：{{item.remark}}</span>
        </div>
      </li>
    </ul>
  </div>


  <ion-infinite-scroll threshold="10px" (ionInfinite)="loadData($event)" style="margin-top:2rem;">
    <ion-infinite-scroll-content
      loadingSpinner="bubbles"
      loadingText="Loading...">
    </ion-infinite-scroll-content>
  </ion-infinite-scroll>

  <p class="overdata" *ngIf="flag">已加载完全部数据</p>
  
</ion-content>
